<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>账户 - 充值</title>
    <link rel="stylesheet" href="../../css/bootstrap.font.min.css"/>
    <link rel="stylesheet" href="../../css/forms.min.css"/>
    <link rel="stylesheet" href="../../css/style.css"/>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top to-nav">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
            </button>
            <a class="navbar-brand to-brand" href="#"><i class="fa fa-weixin fa-fw"></i>&nbsp;&nbsp;SZG 后台管理系统</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <i class="fa fa-gear"></i>&nbsp;Mr Toma&nbsp;<span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">个人信息</a></li>
                        <li><a href="#">修改密码</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">退出系统</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- navbar-collapse -->
    </div>
</nav>
<!-- 菜单 start -->
<aside class="sidebar_left">
    <div class="sidebar_content">
        <ul class="nav">
            <li class="active">
                <a href="#" class="nav-link"><i class="fa fa-group"></i>个人中心</a>
                <ul class="link-lop">
                    <li><a href="javascript:">账户总览</a></li>
                    <li><a href="javascript:">交易记录</a></li>
                    <li><a href="javascript:">账户设置</a></li>
                </ul>
            </li>
            <li><a href="#" class="nav-link"><i class="fa fa-wrench"></i>网站设置</a></li>
        </ul>
    </div>
</aside>
<!-- 菜单 end -->
<section class="content">
    <div class="con-wap">
        <!-- view start -->

        <ol class="breadcrumb border">
            <li><a href="#">我的账户</a></li>
            <li class="active">充值</li>
        </ol>

        <section class="panel panel-default">
            <header class="panel-heading">
                <h4>充值 <a href="javascript:" class="pull-right"><i class="fa fa-arrow-circle-left"></i></a></h4>
            </header>
            <article class="panel-body border-b-b">
                <h4>民生存管账户信息：</h4>
                <table class="table-userinfo">
                    <tr>
                        <td>账号：36574641651564</td>
                        <td>开户行名称：中国民生银行北京分行</td>
                    </tr>
                    <tr>
                        <td>户名：刘正阳</td>
                        <td>开户行好好：323132141</td>
                    </tr>
                    <tr>
                        <td colspan="2"><small>（注：充值操作时需要您提供账户相关信息，以上为您在少掌柜品台的存管账户信息，请妥善保管，切勿泄露给他人！）</small></td>
                    </tr>
                </table>
            </article>
            <article class="panel-body">
                <div class="row bank-list pt10">
                    <div class="col-md-3">
                        <label>
                            <input type="radio" name="bank">
                            <img src="../../img/bank/01.jpg" alt="XX银行" width="165" height="42">
                        </label>
                    </div>
                    <div class="col-md-3">
                        <label>
                            <input type="radio" name="bank">
                            <img src="../../img/bank/02.jpg" alt="XX银行" width="165" height="42">
                        </label>
                    </div>
                    <div class="col-md-3">
                        <label>
                            <input type="radio" name="bank">
                            <img src="../../img/bank/03.jpg" alt="XX银行" width="165" height="42">
                        </label>
                    </div>
                    <div class="col-md-3">
                        <label>
                            <input type="radio" name="bank">
                            <img src="../../img/bank/04.jpg" alt="XX银行" width="165" height="42">
                        </label>
                    </div>
                    <div class="col-md-3">
                        <label>
                            <input type="radio" name="bank">
                            <img src="../../img/bank/04.jpg" alt="XX银行" width="165" height="42">
                        </label>
                    </div>
                    <div class="col-md-3">
                        <label>
                            <input type="radio" name="bank">
                            <img src="../../img/bank/04.jpg" alt="XX银行" width="165" height="42">
                        </label>
                    </div>
                    <div class="col-md-3">
                        <label>
                            <input type="radio" name="bank">
                            <img src="../../img/bank/04.jpg" alt="XX银行" width="165" height="42">
                        </label>
                    </div>

                    <div class="col-md-3">
                        <button title="更多银行" type="button" class="btn btn-link btn-lg" data-toggle="modal" data-target="#moreBank">选择其他银行 <i class="fa fa-arrow-down"></i></button>
                    </div>
                </div>
                <h4 class="mb20">账户余额：<span class="text-theme">￥500.00</span></h4>
                <button type="button" class="btn btn-warning w160 btn-lg J_cz">充值</button>
            </article>

            <footer class="panel-footer cz-footer">
                <p>温馨提示：</p>
                <p>1. 当前民生银行存管账户充值，暂仅支持网银在线转账充值方式，操作方法如下：</p>
                    <p class="text-in">a. 登录您发卡行的网上银行进行转账操作；</p>
                    <p class="text-in">b. 使用您发卡行的手机银行进行转账操作；</p>
                    <p class="text-in">c. 到您的发卡行柜台进行转账操作；</p>
                    <p class="text-in"><small>（注：单笔转账最高限额以发卡行的规定为准）</small></p>
                <p>2. 充值资金将直接进入您在民生银行存管账户下，我方仅提供交易平台，并无权对您的资金进行支配，请您放心使用。</p>
                <p>3. 充值金额请参照转出行当日额度，如您近期需操作大额资金交易，您可提前向民生银行存管账户内充值，以免耽误您的订单交易。</p>
                <p>4. 请注意您的银行卡充值限制，以免造成不便。</p>
                <p>5. 禁止洗钱、信用卡套现、虚假交易等行为，一经发现并确认，将终止该账户的使用。</p>
                <p>6. 如果充值金额没有及时到账，请联系客服，400-000-0000。</p>
            </footer>
        </section>

        <!-- view end -->
    </div>
</section>

<!-- 充值结果 -->
<div class="text-center p20" id="isend" hidden>
    <p class="mb15"><i class="fa fa-check-circle-o fa-fw fa-4x text-theme"></i></p>
    <button class="btn btn-default btn-lg" type="button">充值成功</button>
    <button class="btn btn-default btn-lg" type="button">充值失败</button>
</div>

<!-- 更多银行 -->
<div class="modal fade" role="dialog" aria-labelledby="gridSystemModalLabel" id="moreBank">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header text-center">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">更多银行</h4>
            </div>
            <div class="modal-body">
                <div class="row bank-list pt10">
                    <div class="col-md-4 text-center">
                        <label>
                            <input type="radio" name="bank">
                            <img src="../../img/bank/01.jpg" alt="XX银行" width="165" height="42">
                        </label>
                    </div>
                    <div class="col-md-4 text-center">
                        <label>
                            <input type="radio" name="bank">
                            <img src="../../img/bank/02.jpg" alt="XX银行" width="165" height="42">
                        </label>
                    </div>
                    <div class="col-md-4 text-center">
                        <label>
                            <input type="radio" name="bank">
                            <img src="../../img/bank/03.jpg" alt="XX银行" width="165" height="42">
                        </label>
                    </div>
                    <div class="col-md-4 text-center">
                        <label>
                            <input type="radio" name="bank">
                            <img src="../../img/bank/04.jpg" alt="XX银行" width="165" height="42">
                        </label>
                    </div>
                    <div class="col-md-4 text-center">
                        <label>
                            <input type="radio" name="bank">
                            <img src="../../img/bank/04.jpg" alt="XX银行" width="165" height="42">
                        </label>
                    </div>
                    <div class="col-md-4 text-center">
                        <label>
                            <input type="radio" name="bank">
                            <img src="../../img/bank/04.jpg" alt="XX银行" width="165" height="42">
                        </label>
                    </div>
                </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-warning btn-lg w160 J_cz" data-dismiss="modal">充值</button>
            </div>
            </div>
        </div><!-- modal-content -->
    </div><!-- modal-dialog -->
</div><!-- modal -->

<script src="../../lib/jquery.min.js"></script>
<script src="../../js/sea.js"></script>
<script src="../../js/main.js"></script>
<script>
    seajs.use('management',function (cc) {
        cc.cz();
    });
</script>
</body>
</html>